import React from 'react'
import styles from './Home.module.scss'
import HomeHeader from './components/HomeHeader'
import HomeAside from './components/HomeAside'
import HomeBreadcrumb from './components/HomeBreadcrumb'
import HomeMain from './components/HomeMain'
import {Layout} from 'antd'

const { Header, Content, Sider } = Layout
export default function Home() {
	return (
		<Layout>
			<Header>
				<HomeHeader />
			</Header>
			<Layout>
				<Sider width={200} theme='light'>
					<HomeAside />
				</Sider>
				<Layout style={{ padding: '20x', margin: '10px' }}>
					<HomeBreadcrumb />
					<Content className={styles['home-main']}>
						<HomeMain />
					</Content>
				</Layout>
			</Layout>
		</Layout>
	)
}
